
@white:white;
header{
    height: 76px;
    .top{
        width: 100%;
        height: 76px;
        overflow: hidden;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        border-bottom: 2px solid #333;
        nav{
            > div{
                height:75px;
                padding:0 40px;
                .txlogo{
                    display: block;
                    width: 165px;
                    height: 75px;
                    font-size: 30px;
                    text-align: center;
                    line-height: 75px;
                    font-weight: 700;
                    >span{
                        color: #036505;
                    }
                }
                &.tel{
                    line-height: 75px;
                    width:150px;
                    >i{
                        color: #036505;
                    }
                    >.number{
                        font-size: 16px;
                        font-weight: 700;
                    }
                }
            }
            .menu{
                height: 75px;
                >li{
                    float:left;
                    height: 75px;
                    transition: all .3s;
                    border-right: 1px solid #f1f1f1;
                    box-sizing: border-box;
                    >a{
                        display: block;
                        height: 40px;
                        padding: 18px 0 17px 15px;
                        span{
                            display: block;
                            &.zh{
                                font-size:14px;
                            }
                            &.en{
                                margin-top:5px;
                                font-size:12px;
                            }
                        }
                    }
                    &:hover,
                    &.active{
                        background-color:#036505;
                        & >a{
                            color:#fff;
                        }
                    }
                }
            }
        }
    }
}

.bannerwrap{
    height: 722px;
    >.banner{
        width: 100%;
        height: 722px;
        position: fixed;
        top: 76px;
        left: 0;
        z-index: 10;
        .swiper-container {
            width: 100%;
            height: 722px;
            .item{
                display: block;
                height: 722px;
                width: 100%;
                background-position: center center;
                background-repeat: no-repeat;
            }
        } 

    }
    
}

.container-wrap{
    width: 100%;
    z-index: 1000;
    background: #fff;
    position: relative;
    &::before{
        content: '';
        display: block;
        position: absolute;
        top: -86px;
        right: 30%;
        width: 62px;
        height: 86px;
        cursor: pointer;
        background: url(../img/tb3.png) no-repeat center center;
    }
    .company{
        height: 565px;
        border-top: 4px solid #036505;
        background: url(../img/bg2.png) no-repeat center center;
        .lside{
            width: 126px;
            ul{
                padding-top: 90px;
                li{
                    height: 38px;
                    line-height: 38px;
                    zoom: 1;
                    position: relative;
                    margin-bottom: 1px;
                    &.active,
                    &:hover{
                        >.hov{
                            width: 172px; 
                        }
                    }
                    a{
                        display: block;
                        padding-left: 40px;
                        color: #fff;
                        position: relative;
                        z-index: 10;
                        font-size: 12px;
                    }
                    .hov{
                        position: absolute;
                        right: 0px;
                        top: 0px;
                        width: 0;
                        height: 38px;
                        line-height: 38px;
                        background-color: #036505;
                        z-index: 1;
                        transition: all .2s;
                        transition-timing-function:linear;
                    }
                }
                
            }
        }
        .rcontent{
            width: 874px;
            height: 565px;
            position: relative;
            .com{
                width: 874px;
                height: 565px;
                position: relative;
                .bg1{
                    width: 165px;
                    height: 286px;
                    background: url(../img/ab.png) no-repeat 0 0;
                    position: absolute;
                    top: 64px;
                    left: 57px;
                }
                .bg2{
                    width: 104px;
                    height: 115px;
                    background: url(../img/ab2.png) no-repeat 0 0;
                    position: absolute;
                    top: 295px;
                    right: -65px;
                }
                .itxt{
                    padding: 100px 60px 0 190px;
                    zoom: 1;
                    position: relative;
                    .title1{
                        text-align: right;
                    }
                    .title2{
                        text-align: right;
                    }
                    .text{
                        line-height: 24px;
                        color: #333333;
                        letter-spacing: 1px;
                        p{
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
    .team{
        padding: 15px;
        background-color: #333333;
        .swiper-slide{
            width: 388px;
            height: 159px;
        }
        .taem_item{
            color:white;
            width: 388px;
            height: 159px;
            position: relative;
            .pe_pic{
                width: 154px;
                height: 154px;
                border: 3px solid #036505;
                border-radius: 50%;
                overflow: hidden;
                float: left;
                img{
                    width: 100%;
                    height: 100%;
                }
                &:hover{
                    .taem_item{
                        border-radius: 80px;
                        background-color: white;
                        color: #333;
                        transition: all .3s;
                    }
                }
            }
            .pe_info{
                float: left;
                height: 160px;
                padding-left: 10px;
            }
            &:hover{
                border-radius: 80px;
                background-color: white;
                color: #333;
                transition: all .3s;
            }
        }
    }
}
.case-wrap{
    width: 100%;
    position: relative;
    zoom: 1;
    .case_focus{
        width: 100%;
        position: relative;
        .w9999{
            width: 9999px;
            .case-list{
                width: 100%;
                position: relative;
                float: left;
                .item{
                    position: absolute;
                    color: #fff;
                    cursor: pointer;
                    img{
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                    .item2{
                        width: 100%;
                        height: 100%;
                        position: relative;
                        overflow: hidden;
                    }
                }
            }
        }
    }
}